<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Neoarts - Simple and Elegant Html Website</title>

<meta name="description" content="This is an HTML5 simple and elegant ready to use website template.">
<meta name="keywords" content="neoarts, html, html5, theme, envato, themeforest, css3">
<meta name="robots" content="index, follow" />

<!-- CSS files -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/nivo-slider.css" />
<link rel="stylesheet" href="css/prettyPhoto.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/styles1.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/jScrollPane.css" />
<!-- JS files -->

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<script src="js/script.js"></script>
  
    <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script><!--slider-->		


<script type="text/javascript">
			
			$(function()
			{
				// this initialises the demo scollpanes on the page.
				$('#pane1, #pane2, #pane3').jScrollPane();
				
			});
			
</script>

<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
</head>
<body>

<div id="maincontainer">

 <div id="slideshow">

   
   
</div>
</div>

<div id="main"> 
  <!-- header start -->
  <header>
     <a href="index.html" id="logo"><h1><span class="color_orange">neo</span><span class="color_white">arts</span></h1></a>
     <h2 class="slogan color_white">Welcome to our University</h2>
  </header>
  <!-- header end-->
  
  <!-- content start-->
  <dl id="content">
          
          <!-- contact tab start-->
        <dt class="dt5"><a href="#"></a></dt>
        <dd id="page5">
          <div class="inner" >
            <article>
              <h1 class="color_orange">Creation du Modéle</h1>
      
<form id="contact_form" name="contactform" method="post" action="" > 
			<span id="success_message" style="display:none;" class="msg">Your message is sent</span>    
                    
                 <div class="clearfix"></div>
        <div class="clearfix">
                  <input name="name" type="text" id="contact_name" value="NAME" onFocus="MM_setTextOfTextfield('name','','')" />
          <span id="name_msg" class="msg "></span>
            <span class="clear"></span> </div>
          <div class="buttons"><input name="submit" class="button"  type="submit"  id="submit_btn" value="Create" />
                </div>   
              </form>
              
            </article>
          </div>
        </dd>
    	<!-- contact tab end-->  
    	
    	<!-- about us tab end-->
        <dt class="dt2"><a href="#"></a></dt>
        <dd id="page2">
          <div class="inner">
	 <h2 class="color_orange">Insertion :</h2>
      
		<select name="fancySelect" class="makeMeFancy">
	        <option value="0" selected="selected" data-skip="1">university</option>
        	<option value="1" data-html-text="UJM">UJM</option>
        	<option value="2" data-html-text="STANDFROD">STANDFORD</option>
            <option value="3" data-html-text="ANNABA">ANNABA</option>
            <option value="4" data-html-text="GENEVE">GENEVE</option>
        </select>
        
		<select name="fancySelect" class="makeMeFancy">
	        <option value="0" selected="selected" data-skip="1">Contenu</option>
        	<option value="1" data-html-text="Contenu1">Contenu1</option>
        	<option value="2" data-html-text="Contenu2">Contenu2</option>
            <option value="3" data-html-text="Contenu3">Contenu3</option>
            <option value="4" data-html-text="Contenu4">Contenu4</option>
        </select>
        
        	<select name="fancySelect" class="makeMeFancy">
	        <option value="0" selected="selected" data-skip="1">Relation</option>
        	<option value="1" data-html-text="Relation1">Relation1</option>
        	<option value="2" data-html-text="Relation2">Relation2</option>
            <option value="3" data-html-text="Relation3">Relation3</option>
            <option value="4" data-html-text="Relation4">Relation4</option>
        </select>
          </div>
          <div>
             	<select name="fancySelect" class="makeMeFancy">
	        <option value="0" selected="selected" data-skip="1">Relation</option>
        	<option value="1" data-html-text="Relation1">Relation1</option>
        	<option value="2" data-html-text="Relation2">Relation2</option>
            <option value="3" data-html-text="Relation3">Relation3</option>
            <option value="4" data-html-text="Relation4">Relation4</option>
        </select></div>
        </dd>
    	<!-- about us tab end-->       
    	
        <!-- work tab start-->
        <dt class="dt3"><a href="#"></a></dt>
        <dd id="page3">
          <div class="inner">
            <article>
                  <h1 class="color_orange">our work</h1>
                  <div id="gallery">
                    <div class="viewport">
                    
                     
                    </div>
                   <!--   <div class="gallery_nav"><a class="buttons prev" href="#">left</a><a class="buttons next" href="#">right</a></div>-->
                  </div>
            </article>
          </div>
        </dd>
    	<!-- work tab end-->
    
    	<!-- services tab start-->
        <dt class="dt4"><a href="#"></a></dt>
        <dd id="page4">
          <div class="inner">
            <article>
                    <h1 class="color_orange">services</h1>
                     
                     <div id="pane2" class="scroll-pane" >
                     
                   
                    
                    <div class="Modele">
                    <div class="col_left">
                   
                    </div>
                             
                             
                      <div class="col_right">
                                               
                    </div>
                        
                      
                       
                </div>  
                </div>
                            
            </article>
          </div>
        </dd>
        <!-- services tab end-->
    
        <!-- contact tab start-->
        <dt class="dt5"><a href="#"></a></dt>
        <dd id="page5">
          <div class="inner" >
            <article>
              <h1 class="color_orange">contact us</h1>
               <h6>consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h6>
<form id="contact_form" name="contactform" method="post" action="" > 
			<span id="success_message" style="display:none;" class="msg">Your message is sent</span>    
                    
                 <div class="clearfix"></div>
        <div class="clearfix">
                  <input name="name" type="text" id="contact_name" value="NAME" onFocus="MM_setTextOfTextfield('name','','')" />
          <span id="name_msg" class="msg "></span>
            <span class="clear"></span> </div>
        <div class="clearfix">
                  <input name="email" type="text"  id="contact_email" value="E-MAIL" onFocus="MM_setTextOfTextfield('email','','')" />
                   <span id="email_msg" class="msg "></span>
                <span class="clear"></span> </div>
         <div class="clearfix">
                 <textarea name="message" cols="5" rows="10"  id="contact_message" onFocus="MM_setTextOfTextfield('message','','')">MESSAGE</textarea>
                <span id="message_msg" class="msg "></span>
                <span class="clear"></span> </div>
          <div class="buttons"><input  class="button"  type="reset"  value="Clear" /> <input name="submit" class="button"  type="submit"  id="submit_btn" value="Send" />
                </div>
                
              </form>
              <div class="contact" >
                <ul>
                  <li>Lorem ipsum dolor sit 
                    consectetur adipisicing 
                    eiusmod tempor.<br>
                    PO BOX 1234</li>                
                    <li>Email : admin@egrappler.com</li>
                    <li>Phone : +123 00012345</li>
                    <li>Fax : +123 00012345</li><br>             
                    <li><a href="#" title="Facebook"><img src="images/icons/fb.png" alt="Faceboook"  /></a></li>
                    <li><a href="#" title="Twitter"><img src="images/icons/tw.png" alt="Twitter"  /></a></li>
                    <li><a href="#" title="linkedin"><img src="images/icons/in.png" alt="linkedin"  /></a></li>                   
                  </ul>
              </div>
            </article>
          </div>
        </dd>
    	<!-- contact tab end-->    
         
        <!-- Privacy tab end      
        <dd id="privacy">
          <div class="inner">
            <article>
                    <h1 class="color_orange">privacy policy</h1>
                    
                    <div id="pane3" class="scroll-pane" >
                    <h4>Membership</h4>                
                    <p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur vel illum qui dolorem fugiat quo voluptas nulla pariatur voluptatibus maiores alias consequatur perferendis doloribus asperiores</p>
                    
                    <h4>Proprietary Rights</h4>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, pariatur voluptatibus maiores alias consequatur perferendis doloribus asperiores sunt in culpa qui officia deserunt mollit.</p>                
                    <h4>Copyright Agent</h4>
                    <ul>
                      <li>Neque porro quisquam est qui dolorem</li>
                      <li>Neque porro quisquam est qui dolorem</li>
                      <li> Neque porro quisquam est qui dolorem</li>
                      <li>Neque porro quisquam est qui dolorem </li>
                    </ul>
                        
                <h4>Disclaimer</h4>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident, pariatur voluptatibus maiores alias consequatur perferendis doloribus asperiores sunt in culpa qui officia deserunt mollit.</p>
            
            </div>
            </article>
          </div>
        </dd>
         <!-- Privacy tab end-->
 
  </dl>
   <!-- content end-->
  
</div>
	<div class="contact" >
                <ul>                             
                    <li><a href="#" title="Facebook"><img src="images/icons/fb.png" alt="Faceboook"  /></a></li>
                    <li><a href="#" title="Twitter"><img src="images/icons/tw.png" alt="Twitter"  /></a></li>
                    <li><a href="#" title="linkedin"><img src="images/icons/in.png" alt="linkedin"  /></a></li>                   
                  </ul>
              </div>
  <!-- footer start -->
  <footer>
    <p class="privacy ">Team Name © 2012 &nbsp;&nbsp;  *  <a href="#" rel="privacy">PRIVACY POLICY</a>  *</p>
  </footer>
  <!-- footer end -->
	
  <script type="text/javascript" src="js/general.js"></script>
	
</body>
</html>